<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html lang="en">
  <head>
    <title></title>
    <base href="<%=basePath%>">
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">
	<%@ include file="/common/importJsCss.jsp" %>
	<style type="text/css">
.col{background-color:green;padding:5 5 5 5;margin: 0 2 0 0;width:206px;height:auto;overflow:hidden;}
.col div{background-color:black;}
.col div h2{float:left;padding:0;margin:0;font-size: 11px;font-weight: normal;list-style:none;font-family:Verdana, Tahoma, arial, sans-serif, "宋体";line-height: 1.2;}
.col div h2 font{float:left;}
.col div h2 i{float:right;padding:0;margin:0 5 0 0 ;}
.col div ul{float:left;background-color:red;padding:5 5 5 5;margin:0;}
.col div ul li{float:left;background-color:blue;padding:5 5 5 5;margin:0;}	
.col div ul li h3{padding:0;margin:0;font-size: 11px;font-weight: normal;list-style:none;font-family:Verdana, Tahoma, arial, sans-serif, "宋体";line-height: 1.2;}
.col div ul li ul {background-color:yellow;padding:5 5 5 5;margin:5 0 5 0;}
.col div ul li ul li{background-color:pink;padding:0;margin:5 0 5 0;width:180px;}
.col div ul li ul li a{float:left;}
.col div ul li ul li i{float:right;padding:0;margin:0 5 0 0 ;}
.col>div:hover {background:rgb(232,238,247);}
.col a, a:link, a:visited {color:rgb(64,112,170);text-decoration: none;}
.col a:hover {color:white;background: rgb(79,129,189);}
	</style>     
  </head>
  <body>
  	<div class="container">
        <div class="page-header">
            <h2>复杂两个元素并排在一行</h2>
        </div>
<pre class="prettyprint linenums">
&lt;!-- Css: --&gt;    	   	
.col{background-color:green;padding:5 5 5 5;margin: 0 2 0 0;width:206px;height:auto;overflow:hidden;}
.col div{background-color:black;}
.col div h2{float:left;padding:0;margin:0;font-size: 11px;font-weight: normal;list-style:none;font-family:Verdana, Tahoma, arial, sans-serif, "宋体";line-height: 1.2;}
.col div h2 font{float:left;}
.col div h2 i{float:right;padding:0;margin:0 5 0 0 ;}
.col div ul{float:left;background-color:red;padding:5 5 5 5;margin:0;}
.col div ul li{float:left;background-color:blue;padding:5 5 5 5;margin:0;}	
.col div ul li h3{padding:0;margin:0;font-size: 11px;font-weight: normal;list-style:none;font-family:Verdana, Tahoma, arial, sans-serif, "宋体";line-height: 1.2;}
.col div ul li ul {background-color:yellow;padding:5 5 5 5;margin:5 0 5 0;}
.col div ul li ul li{background-color:pink;padding:0;margin:5 0 5 0;width:180px;}
.col div ul li ul li a{float:left;}
.col div ul li ul li i{float:right;padding:0;margin:0 5 0 0 ;}
.col>div:hover {background:rgb(232,238,247);}
.col a, a:link, a:visited {color:rgb(64,112,170);text-decoration: none;}
.col a:hover {color:white;background: rgb(79,129,189);}   
</pre>
	<div class="col">		
 		<div>		
			<h2><font title="spahql-min.js(2012-5-19)" >spahql</font><i class="icon-globe" title="spahql-min.js" data-content=""></i></h2>
			<ul> 
     			<li>
      				<h3>基本1</h3>	
      				<ul>  
      					<li><a href="snippets/spahql/demo.jsp" >json查询语句</a><i class="icon-eye-open"></i><i class="icon-globe" title=""></i></li> 
       					<li><a href="snippets/jquery/domState.jsp">判断节点是否存在</a><i class="icon-eye-open" ></i></li>
       					<li><a href="snippets/jquery/domBindEvent.jsp">元素绑定事件</a><i class="icon-eye-open" ></i></li>
       					<li><a href="snippets/jquery/domBindEvent.jsp">前面元素的属性</a><i class="icon-eye-open" ></i></li>
      				</ul>
     			</li>
     
     			<li>
      				<h3>基本2</h3>	
      				<ul>  
       					<li><a href="snippets/jquery/domInnerContent.jsp">元素内部文本输出</a><i class="icon-eye-open" ></i></li> 
       					<li><a href="snippets/jquery/domState.jsp">判断节点是否存在</a><i class="icon-eye-open" ></i></li>
       					<li><a href="snippets/jquery/domBindEvent.jsp">元素绑定事件</a><i class="icon-eye-open" ></i></li>
       					<li><a href="snippets/jquery/domBindEvent.jsp">前面元素的属性</a><i class="icon-eye-open" ></i></li>
      				</ul>
     			</li>
    		</ul>
 		</div>
 		
 		<div>		
			<h2>jQuery</h2>
			<ul> 
     			<li>
      				<h3>基本3</h3>	
      				<ul>  
      					<li><a href="snippets/jquery/domInnerContent.jsp">元素内部文本输出</a><i class="icon-eye-open" ></i></li> 
       					<li><a href="snippets/jquery/domState.jsp">判断节点是否存在</a><i class="icon-eye-open" ></i></li>
       					<li><a href="snippets/jquery/domBindEvent.jsp">元素绑定事件</a><i class="icon-eye-open" ></i></li>
       					<li><a href="snippets/jquery/domBindEvent.jsp">前面元素的属性</a><i class="icon-eye-open" ></i></li>
      				</ul>
     			</li>
     
     			<li>
      				<h3>基本4</h3>	
      				<ul>  
       					<li><a href="snippets/jquery/domInnerContent.jsp">元素内部文本输出</a><i class="icon-eye-open" ></i></li> 
       					<li><a href="snippets/jquery/domState.jsp">判断节点是否存在</a><i class="icon-eye-open" ></i></li>
       					<li><a href="snippets/jquery/domBindEvent.jsp">元素绑定事件</a><i class="icon-eye-open" ></i></li>
       					<li><a href="snippets/jquery/domBindEvent.jsp">前面元素的属性</a><i class="icon-eye-open" ></i></li>
      				</ul>
     			</li>
    		</ul>
 		</div>
	</div>
</div>       
</body>
</html>
